
$(function () {
    //打开、关闭报名信息弹出框
    $('.sign-way-open').click(function () {
        $('.sign-way').show();
    })
    $('.sign-way-close').click(function () {
        $('.sign-way').hide();
    })
})

var app = new Vue({
    el: '#body',

    data() {
        return {
            datas: '',
            extra : '',
            page : 1,
            rows : 40,
            type : '',
            loading : false
        }
    },
    created(){
        this.getList()
    },
    mounted() {
        // 初始化DOM
        DOMINIT();
        // 滚到底部加载更多
        this.scrollBottomLoad();
        this.showNav();
    },
    methods: {
        getList (){
            //没有分页了
            if(!this.page) return;
            // 正在加载
            this.loading = true;
            this.common().http(this, {
                url: `/getData/db/2018lyswxj/page/${this.page}/rows/${this.rows}/category/${this.type}`,
                success(json) {
                    if(this.page==1){
                        this.datas = json.data;
                        this.extra = json.extra;
                    }else{
                        this.datas = this.datas.concat(json.data)
                    }

                    //最后一页
                    if(json.extra.totalPage == json.extra.currentPage){
                        this.page = false
                    }else{
                        this.page++
                    }

                    //加载完成
                    setTimeout(()=>{
                        this.loading = false;
                    },1000)
                }
            })
        },
        //选择分类
        choiceType(category){
            this.page = 1;
            this.type = category;
            this.getList();
        },
        //滚动到底部加载
        scrollBottomLoad (){
            //监听导航栏
            $(window).scroll(()=> {
                this.showNav();

                var totalHeight =  parseFloat( $(window).height() ) +  parseFloat( $(window).scrollTop() ); //浏览器的高度加上滚动条的高度
                if ( $(document).height() <= totalHeight+200 && !this.loading) { //当文档的高度小于或者等于总的高度时，开始动态加载数据
                    this.getList();
                }
            })
        },
        // 导航栏操作
        showNav(){
            var top = $(document).scrollTop(),
                ishas = $('nav').hasClass('scroll');
            if(top>0){
                if(!ishas) $('nav').addClass('scroll');
            }else{
                if(ishas) $('nav').removeClass('scroll');
            }
        },
        // 投票
        voting(id,index){
            this.common().http(this, {
                url: `/jsonp4piao/db/2018lyswxj/id/${id}`,
                lock:true,
                success(json) {
                    if(json.info=='投票已结束'){
                        swal({
                            title: json.info,
                            type: "warning"
                        })
                    }else{
                        this.datas[index].data.piao++;
                        swal({
                            title: json.msg,
                            type: "success"
                        })
                    }
                }
            })
        }
    }
})

// Dom操作
function DOMINIT() {

    // 跳转到指定位置
    function click_scroll(ele) {
        var scroll_offset = $(ele).offset(); //得到pos这个div层的offset，包含两个值，top和left
        $("body,html").animate({
            scrollTop:scroll_offset.top-200 //让body的scrollTop等于pos的top，就实现了滚动
        },300);
    }

    // 导航跳转指定位置
    $('nav .list a , nav .logo').on('click',function () {
        var ele = $(this).data('togo');
        // if(ele) click_scroll(ele);
        if(ele=='body'){
            location.href='index.html';
        }else{
            location.href='index.html?name='+ele;
        }

    })

    //手机端展示作品类型
    $('.nav-type').on('click',function () {
        $('.list-type-cover, .list-type').show();
    })

    function close_cover() {
        var width = $(window).width();
        if(width<=500){
            $('.list-type-cover, .list-type').hide();
        }
    }
    $(document).on('click', '.list-type a',function () {
        close_cover()
    })

    $('.list-type-cover').on('click',function () {
        close_cover()
    })
}